body{padding: 0;margin: 0;background: #EFEFEF}
.box {
    display: -webkit-flex;
    display: flex;
}
.flex1 {
    -webkit-flex: 1;
    flex: 1;
}
.mt10{
    margin-top: 10px;
}
.mt5{
    margin-top: 5px;
}
.ml5{
    margin-left: 5px;
}
.ml10{
    margin-left: 10px;
}
.container{padding: 10px;background: #fff}
.container .info{margin-top: 20px;}
.container .info .header{width: 40px;height: 40px;border-radius: 100%}
.container .info .view_left{margin-left: 10px;}
.container .info .view_left .username h3{margin: 0;font-size: 14px;font-weight: normal;}
.container .info .view_left .username .honor_icons{margin: 0;padding-left: 10px;}
.container .info .view_left .username .honor_icons li{list-style: none;display: inline-block;width: 10px;height: 10px;margin-right: 5px;background: #D7D7D7;border-radius: 100%}
.container .info .view_left .msg{margin: 0;padding-left: 0px;}
.container .info .view_left .msg li{list-style: none;display: inline-block;font-size: 10px;color: #999;border-right: 1px solid #d7d7d7;padding-right: 5px;}
.container .info .view_left .msg li.last{border: 0}
.container .info .view_right{margin: 0;padding-top: 10px;color: #EC1700}
.container .info .view_right label{font-size: 8px;padding-top: 5px;}
.container .info .view_right p{margin: 0;font-size: 18px;vertical-align: bottom}
.container .content{margin-top: 10px;}
.container .content .title{margin: 0;font-size: 14px;color: #000;font-weight: normal}
.container .content .content_detail{color: #333;font-size: 12px;margin-top: 5px;line-height: 18px;margin-bottom: 0;}
.container .content .mark{color: #333;font-size: 12px;margin-top: 5px;line-height: 18px;margin-bottom: 0;}
.container .content span{display: block;color: #333;font-size: 12px;line-height: 18px;margin-bottom: 0;}
.container .content img{width: 100%;}
.comment{margin-top: 10px;padding-bottom: 10px;background: #fff;box-sizing: border-box;}
.comment .title{padding: 10px 10px;border-bottom: 1px solid #e3e3e3}
.comment .title .line{height: 18px;width: 2px;background: #75CAEC;margin-top: 2px;}
.comment .title h2{margin-top: 0;font-size: 16px;margin-left: 5px;margin-bottom: 0;font-weight: normal;}

.comment .info{margin-top: 20px;}
.comment .info .header{width: 40px;height: 40px;border-radius: 100%}
.comment .info .view_left{margin-left: 10px;}
.comment .info .view_left .username h3{margin: 0;font-size: 14px;font-weight: normal;}
.comment .info .view_left .username .honor_icons{margin: 0;padding-left: 10px;}
.comment .info .view_left .username .honor_icons li{list-style: none;display: inline-block;width: 10px;height: 10px;margin-right: 5px;background: #D7D7D7;border-radius: 100%}
.comment .info .view_left .msg{list-style: none;display: inline-block;font-size: 10px;color: #999;padding-right: 5px;}
.comment .info .view_right{margin: 0;padding-top: 10px;color: #999;padding-right: 10px;}
.comment .info .view_right label{font-size: 8px;padding-top: 5px;}
.comment .info .view_right p{margin: 0;font-size: 8px;vertical-align: bottom}
footer{position: fixed;bottom: 0;width: 100%;border-top: 1px solid #e3e3e3;height: 50px;background: #fff}
footer .space{margin-left: 20px;display: inline-block;text-decoration: none;}
footer .space img{vertical-align: middle}
footer .space h3{margin: 0;font-size: 14px;}
footer .btn{height: 50px;width: 90px;background: #ED5952;text-decoration: none;display: inline-block;color: #fff;text-align: center;line-height: 50px;font-size: 14px;font-weight: normal;}
footer .btn:hover{text-decoration: none}